<nz-list nzItemLayout="horizontal">
  <nz-list-item [nzActions]="[passwordOp]">
    <ng-template #passwordOp>
      <a (click)="changePassword()">修改</a>
    </ng-template>
    <nz-list-item-meta nzTitle="账户密码" [nzDescription]="passwordDesc">
      <ng-template #passwordDesc>
        当前密码强度：
        @if (securityInfo.isInitPassword) {
          <span class="text-red">初始密码，请尽快修改</span>
        }
        @if (!securityInfo.isInitPassword) {
          <span class="text-green">密码已修改</span>
        }
      </ng-template>
    </nz-list-item-meta>
  </nz-list-item>
  <nz-list-item>
    <!-- <ng-template #phoneOp>
      <a (click)="msg.success('Edit')">修改</a>
    </ng-template> -->
    <nz-list-item-meta nzTitle="手机" [nzDescription]="phoneDesc">
      <ng-template #phoneDesc> 已绑定手机：{{ securityInfo.phone }} </ng-template>
    </nz-list-item-meta>
  </nz-list-item>
  <nz-list-item [nzActions]="[emailOp]">
    <ng-template #emailOp>
      <a (click)="changeEmail()">修改</a>
    </ng-template>
    <nz-list-item-meta nzTitle="邮箱" [nzDescription]="emailDesc">
      <ng-template #emailDesc> 已绑定邮箱：{{ securityInfo.email }} </ng-template>
    </nz-list-item-meta>
  </nz-list-item>
</nz-list>
